<template>
  <div id="app">
    <header class="head">
       <a class="back tl" href="javascript:history.back(-1)">
        <i class="el-icon-arrow-left"></i>
      </a>
      <a href="javascript:;" class="tc">
        <small class="font_18 co_f">抽检记录详情</small>
      </a>
      <a href="javascript:;" class="tr">
        <small class="font_18 co_f"></small>
      </a>
    </header>
    <main>
      <div class="formcontent">
        <ul>
          <li>
            <span>企业名称</span>
            <div class="froms">
              {{this.ScoreData.enterpriseName}}
            </div>
          </li>
          <li>
            <span>企业地址</span>
            <div class="froms">
              {{this.ScoreData.enterpriseAddress}}
            </div>
          </li>
          <li>
            <span>所在区域</span>
            <div class="froms">
              {{this.ScoreData.areaName}}
            </div>
          </li>
          <li>
            <span>受检单位名称</span>
            <div class="froms">
              {{this.ScoreData.nameOfSubject}}
            </div>
          </li>
          <li>
            <span>受检单位地址</span>
            <div class="froms">
              {{this.ScoreData.addressOfSubject}}
            </div>
          </li>
          <li>
            <span>抽样品种</span>
            <div class="froms">
              {{this.ScoreData.supervisionSamplingVariety}}
            </div>
          </li>
  
          <li>
            <span>	样品名称</span>
            <div class="froms">
              {{this.ScoreData.sampleName}}
            </div>
          </li>
          <li>
            <span>商标</span>
            <div class="froms">
              {{this.ScoreData.trademark}}
            </div>
          </li>
          <li>
            <span>规格型号</span>
            <div class="froms">
              {{this.ScoreData.specificationModel}}
            </div>
          </li>
          <li>
  
            <span>生产日期/批号</span>
            <div class="froms">
              {{this.ScoreData.productionDateBatch}}
            </div>
          </li>
          <li>
            <span>检验抽样时间</span>
            <div class="froms">
              {{this.ScoreData.testReportStartTime}}
            </div>
          </li>
          <li>
            <span>检验报告送达时间</span>
            <div class="froms">
              {{this.ScoreData.testReportEndTime}}
            </div>
          </li>
          <li>
            <span>抽样检查结论备注</span>
            <div class="froms">
              {{this.ScoreData.testConclusionNote}}
            </div>
          </li>
        </ul>
  
        <app-upload :getuniddata="imgData.getuniddata" 
                    :UserUnid="imgData.UserUnid"
                    :AliasData="imgData.AliasData"
                    :AliasDataSort="imgData.AliasDataSort" 
                    :uploadmsg="imgData.uploadmsg" 
                    :no="imgData.no" 
                    :upbtn="imgData.upbtn"></app-upload>
      </div>
    </main>
  </div>
</template>

<script>
  import AppUpload from '@/components/upload'
  export default {
    components: {
      'app-upload': AppUpload,
    },
    data() {
      return {
        ScoreData:this.$route.query.ScoreData,
        data: "",
        PageSize: 10,
        CurrentPage: 1,
        nonedata: false,
        imgData : {
         getuniddata:this.$route.query.Unid,
         UserUnid:JSON.parse(localStorage.getItem('auth')).UserUnid,
         AliasData: '',
         AliasDataSort: '',
         uploadmsg:'查看附件信息',
         no:false,
         upbtn:false,
      }
      };
    },
    methods: {
  
    },
    //页面加载时候
    mounted() {
  
    }
  
  }
</script>

<style lang="scss" scoped>
  /*tab*/
  
  .mint-navbar {
    background: #efefef;
    padding: 0% 20%;
  }
  
  .mint-navbar .mint-tab-item.is-selected {
    background: #feaa50;
    color: #fff;
    border-bottom: none;
    margin-bottom: auto;
  }
  
  .mint-tab-item {
    border: 1px solid #feaa50 !important;
    padding: 10px !important;
    margin: 6px 0px
  }
  
  .mtrademark-list-info a {
    padding: 10px 10px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
  }
  
  .mtrademark-list-right {
    float: left;
    line-height: normal;
    margin-left: 10px;
  }
  
  .mtrademark-list-right p:first-child {
    margin-bottom: 5px;
    font-size: 16px;
    color: #000
  }
  
  .mtrademark-list-right p {
    font-size: 12px;
    color: #43464f;
    display: block;
    margin: 0;
  }
  
  .mtrademark-list-right span {
    display: block;
    margin-top: 6px;
  }
  
  #mtrademark-list-right-status {
    display: table;
    margin: 10px 0;
    border: 1px solid #5BC67C;
    color: #5BC67C;
    float: left;
    padding: 2px;
    border-radius: 2px;
  }
</style>

<!-- Add "scoped" attribute to limit CSS to this component only -->
